<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<jsp:include page="../template/includes.jsp"></jsp:include>
<jsp:include page="../cliente/editarCliente.jsp"></jsp:include>

<link rel="stylesheet" type="text/css" href="../../static/styles/home.css">

<div id="selecionar-cliente" style="display: none; overflow: hidden">
	<div class="template-cadastro">
		<div style="width: 250px; margin-left: 10px; margin-top: 10px;"> 
			<div style="margin-bottom: 5px;">Cliente*</div>
			<input  type="text" id="pesquisar-cliente-selecionar" style="height: 20px; width: 250px;">
			<button class="default-button" id="btn-pesquisar-cliente-selecionar" style="font-size: 12px; margin-left: 260px; margin-top: -28px; width: 80px;">Pesquisar</button>
		</div>
		
		<div style="margin-left: 50px; margin-top: 50px;" >
			<table id= "grid-cliente-selecionar"></table>
		</div>
		
		<div class="popup-buttons-container" style="text-align: center; margin-top: 20px; margin-bottom: 50px;">
			<button class="default-button" id="btn-novo-cliente-selecionar" style="font-size: 12px; margin-right: 10px; width: 80px;">Novo</button>
			<button class="default-button" id="btn-selecionar-cliente" style="font-size: 12px; margin-right: 10px; width: 80px;">Selecionar</button>
			<button class="default-button" id="btn-voltar-cliente" style="font-size: 12px; width: 80px;">Voltar</button>
		</div>		
		
	</div>
	
</div>

<script type="text/javascript">
		
		
		$(document).ready(function(){
			$("#selecionar-cliente").dialog({modal: true, 
				autoOpen: false,
				title: "Selecionar Cliente",
				width: 900,
				resizable: false,
				height: 600
			});	
			
			$("#grid-cliente-selecionar").jqGrid({
				colNames:['Codigo','Nome', 'RG', 'CPF', 'Telefone' ,'email'], 
				colModel:[
				{ name: 'idCliente', index: 'idCliente', width: 50 },
				{ name: 'nome', index: 'nome', width: 100 },
				{ name: 'rg', index: 'rg', width: 100 },
				{ name: 'cpf', index: 'cpf', width: 100 },
				{ name: 'telefone', index: 'telefone', width: 100 },
				{ name: 'email', index: 'email', width: 100 },
				],
				rowNum:10, 
				rowList:[10,20,30], 
				viewrecords: true, 
				width: 650,
				multiselect: false,
				height: 350,
				});
			
			ClienteController.listarCliente({
				callback: function(result)
				{
					$("#grid-cliente-selecionar").jqGrid("clearGridData");
					for(var i=0;i<=result.length;i++)
					{
						$("#grid-cliente-selecionar").addRowData(i+1,result[i]);
					}
				}
			});
			
			$("#btn-novo-cliente-selecionar").click(function() {
				$("#editar-cliente").dialog("open");
			});
			
		});
	
	$("#btn-selecionar-cliente").click(function() {
		var rowidCliente = $("#grid-cliente-selecionar").jqGrid('getGridParam','selrow');
		var rowData = $("#grid-cliente-selecionar").getRowData( rowidCliente );
		
		if (rowData.idCliente != null) 
		{
			ClienteController.getClienteById( rowData.idCliente,{
					callback: function(result){
						
						$("#id-cliente-ordemservico").val(result.idCliente);
						$("#nome-cliente-ordemservico").val(result.nome);
						
						$("#id-cliente-venda").val(result.idCliente);
						$("#nome-cliente-venda").val(result.nome);
// 						$("#nomefantasia-cliente-ordemservico").val(result.nomefantasia);
// 						$("#logradouro-cliente-ordemservico").val(result.logradouro);
// 						$("#numero-cliente-ordemservico").val(result.numero);
// 						$("#complemento-cliente-ordemservico").val(result.complemento);
// 						$("#bairro-cliente-ordemservico").val(result.bairro);
// 						$("#cep-cliente-ordemservico").val(result.cep);
// 						$("#id-cidade-cliente-ordemservico").val(result.cidade.idCidade);
// 						$("#desc-cidade-cliente-ordemservico").val(result.cidade.descricao);
// 						$("#desc-estado-cliente-ordemservico").val(result.cidade.estado.descricao);
// 						$("#desc-pais-cliente-ordemservico").val(result.cidade.estado.pais.descricao);
// 						$("#rg-cliente-ordemservico").val(result.rg);
// 						$("#orgaoexpedidor-cliente-ordemservico").val(result.orgaoexpedidor);
// 						$("#datanascimento-cliente-ordemservico").val(result.datanascimento);
// 						$("#cpf-cliente-ordemservico").val(result.cpf);
// 						$("#telefone-cliente-ordemservico").val(result.telefone);
						//$("#id-condicaopagamento-cliente").val(result.condicaoPagamento.idCondicaoPagamento);
						//$("#id-condicaopagamento-cliente").val(result.condicaoPagamento.descricao);
						
					}
				});
			
			$("#selecionar-cliente").dialog("close");
		}
		
	});
	
	$("#btn-voltar-cliente").click(function() {
		$("#selecionar-cliente").dialog("close");
	});
	
	
	$("#btn-pesquisar-cliente-selecionar").click(function() {
		
		if( $("#pesquisar-cliente-selecionar").val() == "")
		{
			$("#grid-cliente-selecionar").jqGrid('clearGridData');
			 
			 ClienteController.listarCliente({
					callback: function(result)
					{
						for(var i=0;i<=result.length;i++)
						{
							$("#grid-cliente-selecionar").addRowData(i+1,result[i]);
						}
					}
			});
		}
		else
		{
			$("#grid-cliente-selecionar").jqGrid('clearGridData');
			 
			 ClienteController.listarCliente({
					callback: function(result)
					{
						for(var i=0;i<=result.length;i++)
						{
							if( $("#pesquisar-cliente-selecionar").val() == result[i].cliente)
							{
								$("#grid-cliente-selecionar").addRowData(i+1,result[i]);
							}
						}
					}
			});
		}
	});
		
		
	</script>